<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/dingdan.css" />
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery.cookie.js"></script>
		<script type="text/javascript" src="../js/dingdan.js"></script>
	</head>
	<body>
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-20
        	描述：首页头部
        -->
		<div class="header">
			<div class="header-inner">
				<a href="javascript:;" class="header-left">消费者告知书</a>
				<div class="header-user">
					<a href="login.html" class="login">登录</a>
					<span class="line">|</span>
					<a href="login.html" class="register">注册</a>
					<span class="line">|</span>
					<span class="ico-phone"></span>
					400-080-1888
					<span class="line">|</span>
					<a href="javascript:;" class="da">
						下载达令
						<div class="download">
							<span class="arrow-7-5"></span>
							<span class="pic-code"></span>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!--订单部分开始-->
		<div class="cart ready">
			<div class="cart-top clear">
				<a class="logo" href="../index.html"></a>
				<div class="cart-step">
					<ul>
						<li >
							<span class="triangle"></span>
							<span class="icon-number">1</span>
							查看购物车
						</li>
						<li class="step-1 current">
							<span class="triangle"></span>
							<span class="icon-number">2</span>
							确认订单信息
							<span class="icon-to"></span>
						</li>
						<li>
							<span class="triangle"></span>
							<span class="icon-number">3</span>
							成功提交订单
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-26
        	描述：订单详情页开始
        -->
        <div class="da-checkout">
        	<div class="checkout-title">填写核对订单信息</div>
        	<div class="checkout-main">
        		<!--买家信息-->
        		<div class="checkout-buyer">
        			<div class="title clear">
        				<div class="buyer-option">
        					<a href="javascript:;" style='display: none' class="toggle-address clear">
        						<p>
        							<span class="text">展开收货地址</span>
        							<span class='ico-d-4'></span>
        						</p>
        					</a>
        					<a href="javascript:;" class="add-address">
        						<span class="ico-add"></span>
        						使用新地址
        					</a>
        				</div>
        				收货人信息
        			</div>
        			<div class="buyer-info clear">
        				<ul>
        					<!--放数据的地方-->
        					<li class="current">
        						<div class="function">
        							<a href="javascript:;">修改</a>
        							<a href="javascript:;">删除</a>
        						</div>
        						<span class="ico-red-right"></span>
        						<p class="name"></p>
        						<p class="address"></p>
        						<p class="address"></p>
        						<p class="tel"></p>
        						<p class="card"></p>
        					</li>
        				</ul>
        			</div>
        			<div class="da-dialog address-dialog">
        			</div>
        		</div>
        		<!--订单信息-->
        		<div class="checkout-items">
        			<div class="checkout-order">
        				<div class="title">
        					订单商品信息
        				</div>
        				<div class="order-table">
        					<ul class="thead clear">
        						<li class="th item">
        							<p>商品名称</p>
        						</li>
        						<li class="th price">
        							<p>单价(元)</p>
        						</li>
        						<li class="th number">
        							<p>数量</p>
        						</li>
        						<li class="th total">
        							<p>小计(元)</p>
        						</li>
        					</ul>
        					<div class="tr clear">
        						<li class="td item">
        							<a href="javascript:;" class="clear">
        								<div class="img cover-img" style="background-image: url(../images/LTV1.jpg);"></div>
        							</a>
        							<p>
        								<a href="javascript:;" class="dtitle clear"></a>
        							</p>
        						</li>
        						<li class="td price">
        							<p>￥<span class="dprice"></span></p>
        						</li>
        						<li class="td number">
        							<p>X 1</p>
        						</li>
        						<li class="td total">
        							<p>总计 ￥<span class='dtotal'></span></p>
        						</li>
        					</div>
        				</div>
        			</div>
        			<div class="checkout-pay">
        				<p class="tip">
        					<span class="f14 bold" style="font-weight: 700;font-size:16px;">支付方式</span>
        					* 推荐使用在线支付，更方便快捷
        				</p>
        				<div class="checkout-pay-box">
        					<div class="pay-way-1 clear">
        						<div class="each clear">
        							<label for="" class="pic-payway current">
        								<p>
        									<span class="ico-small-right"></span>
        									网上支付
        								</p>
        								<input type="radio" value='alipay' class="pay-data" />
        							</label>
        						</div>
        					</div>
        				</div>
        			</div>
        			<div class="add-inf">
        				<div class='inf-left'>
        					<p class='shouhuoxinxi'>收货信息:<br>收货人：李斌,收货地址：北京市-海淀区-志新村小区17号，联系电话：15201061391，身份证号：4101111222222222</p>
        					<br>
        					<p>支付方式：在线支付</p>
        				</div>
        				<div class="inf-right">
        					<ul>
        						<li>商品总金额:<span>+ ￥79.00</span></li>
        						<li>促销优惠金额:<span class="font-red">- ￥0.00</span></li>
        						<li>优惠券金额:<span class="font-red">- ￥0.00</span></li>
        						<li>国内运费<span>+ ￥0.00</span></li>
        					</ul>
        				</div>
        			</div>
        			<div class="all-cash">
        				<span>应付总额:￥79.00</span>
        				<button style="cursor:pointer">提交订单</button>
        			</div>
        		</div>
        	</div>
        	
        </div>
        
		
		
		
		
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-20
        	描述：底部
        -->
        <!-----------bottom------------>
		<div class="bottom-wrap">
			<div class="bottom">
				<ul class="bottom-ul">
					<li class="bu-li0">为什么选择达令</li>
					<li class="bu-li1">100多个品牌授权</li>
					<li class="bu-li2">24小时内发货</li>
					<li class="bu-li3">保税区正品</li>
				</ul>
			</div>
		</div>
		<!--------footer--------->
		<div class="footer-wrap">
			<div class="footer">
				<div class="footers">
				<div class="footers-left">
					<h3 class="fl-h">
						投资人说达令
					</h3>
					<p class="fl-p">"hi,达令,我是鹿晗,达令投资人,投资比影响力更重要的是责任。"</p>
				</div>
				<div class="footers-left footers-right">
					<h3 class="fl-h">
						投资人说达令
					</h3>
					<p class="fl-p">"达令一手全球好货--带您购全球,教您神马值得买。<br />
						连续两年荣获App store 编辑推荐最佳购物类应用!"</p>
				</div>
				</div>
			</div>
		</div>
		<!--------footerls--------->
		<div class="footerls-wrap">
			<div class="footerls">
				<p class="fls-p1">
					<a href="../index.html">首页</a>
					<a href="javascript:;">网站地图</a>
					<a href="javascript:;">消费者告知书</a>
					<a href="javascript:;">优惠券使用规则</a>
					<a href="javascript:;">退换货使用说明</a>
					<a href="javascript:;">关于我们</a>
					<a style="border-right:0;" href="javascript:;">联系我们</a>
				</p>
				<p class="fls-p2">
					<span class="fp-a">北京普缇客科技有限公司</span>
					<span class="fp-a2">
						<a href="javascript:;"><img src="../images/footers-bg1.jpg"></a>
						<a href="javascript:;"><img src="../images/footers-bg2.jpg"/></a>
						<a href="javascript:;"><img src="../images/footers-bg3.jpg"/></a>
					</span>
				</p>
				<p class="fls-p">
					Copyright &copy; 2016达令 ,All Rights Reserved | 京ICP备14009583号-1 | 京公网安备11010502027399 | 食品流通许可证编号 : SP1101051510323113
				</p>
			</div>
		</div>
	</body>
</html>
